
<div id="test_piechart" style="height: 400px;"></div>

<script type="text/javascript">

	(function($){

		var myChart = echarts.init(document.getElementById('test_piechart'));

		// 指定图表的配置项和数据
		var option = {
			title : {
				text: 'lx.com站点文章类型比例',
				subtext: '数据如下',
				x:'center'
			},
			tooltip : {
				trigger: 'item',
				formatter: "{a} <br/>{b} : {c} ({d}%)"
			},
			legend: {
				orient : 'vertical',
				x : 'left',
				data:['公司文化','公司新闻','产品展示','联系我们','在线留言','销售网络','在线客服']
			},
			toolbox: {
				show : true,
				feature : {
					mark : {show: true},
					dataView : {show: true, readOnly: false},
					magicType : {
						show: true,
						type: ['pie', 'funnel'],
						option: {
							funnel: {
								x: '25%',
								width: '50%',
								funnelAlign: 'left',
								max: 1548
							}
						}
					},
					restore : {show: true},
					saveAsImage : {show: true}
				}
			},
			calculable : true,
			series : [
				{
					name:'文章类型',
					type:'pie',
					radius : '55%',
					center: ['50%', '60%'],
					data:[
						{value:335, name:'公司文化'},
						{value:310, name:'公司新闻'},
						{value:234, name:'产品展示'},
						{value:135, name:'联系我们'},
						{value:548, name:'在线留言'},
						{value:548, name:'销售网络'},
						{value:548, name:'在线客服'}
					]
				}
			]
		};


		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);

	})(jQuery);

</script>
